<style type="text/css">
.wrap-bg-gray {
	background: #F9F9F9
}

.wrap-agency-list {
	width: 1200px;
	margin: 0 auto;
	padding: 80px 0
}

.mod-agency-list {
	height: 95px
}

.mod-agency-list__des, .mod-agency-list__content {
	float: left
}

.mod-agency-list__des {
	width: 95px;
	padding: 31px 0
}

.mod-agency-list__title {
	font-size: 22px;
	width: 95px
}

.mod-agency-list__apply {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #188EEE
}

.mod-agency-list__content {
	position: relative;
	overflow: hidden;
	margin-left: 15px;
	height: 102px;
	width: 1045px;
	padding-left: 45px
}

.prev-btn, .next-btn {
	position: absolute;
	top: 35px;
	width: 26px;
	height: 30px;
	color: #fff;
	background-color: #ccc
}

.prev-btn:hover, .next-btn:hover {
	background-color: #188eee
}

.prev-btn:before, .next-btn:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px
}

.prev-btn {
	left: 0
}

.next-btn {
	right: 0
}

.prev-btn-dis, .prev-btn-dis:hover, .next-btn-dis, .next-btn-dis:hover {
	cursor: default;
	background-color: #e9e9e9
}

.mod-agency-list__main {
	width: 1025px;
	height: 102px;
	overflow: hidden
}

.mod-agency-list__agencies {
	float: left;
	width: 100%;
	height: 100px;
	font-size: 0
}

.mod-agency-list__agency {
	display: inline-block;
	vertical-align: middle;
	padding-right: 26px;
	margin-top: 10px;
}

.mod-agency-list__link-agency, .mod-agency-list__img {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	height: 100px
}

.mod-agency-list__link-agency {
	border-radius: 1px;
	border: 1px solid #EEE
}
</style>
<section class="wrap-bg-gray hide">
	<div class="wrap-agency-list" auto-test="mod_agency">
		<div class="mod-agency-list clearfix">
			<div class="mod-agency-list__des">
				<h3 class="mod-agency-list__title">入驻机构</h3>
			</div>
			<div class="mod-agency-list__content">
				<a href="javascript:void(0)" id="js_agency_prev"
					class="prev-btn icon-font i-v-left prev-btn-dis"
					report-tdw="action=organization_arrow&ver3=1"></a><a
					href="javascript:void(0)" id="js_agency_next"
					class="next-btn icon-font i-v-right"
					report-tdw="action=organization_arrow&ver3=2"></a>
				<div style="width: 1005px; overflow: hidden;">
					<div class="mod-agency-list__main" id="js_agency_list">
						<ul class="mod-agency-list__agencies">
							<!--:for(a in cache.agencys){  -->
							<li class="mod-agency-list__agency"><a target="_blank"
								href="${root}agency/${a.id!}" class="mod-agency-list__link-agency"
								title="${a.name}_心课堂" report-tdw="action=organization_pic&amp;ver3=1"
								rel="nofollow"><img
									lazy-src="//p.qpic.cn/eth/ajNVdqHZLLC9TVXFDaJMrKOQyDG6yBwib7yllM9r7zWuFiaGBxg9sicrA4h7JmmWLmBfp1MrznAQPE/?tp=webp"
									class="mod-agency-list__img" alt="${a.name}"
									src="${a.img}">
								<h4 class="agency-tt hidden-clip">${a.name}</h4></a></li>
							<!--:}  -->
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>